{extend name="common@base" /}

{block name="title"}{$vUser->nickname}{/block}

{block name="body_header_jumu"}
<div class="jumbotron jumbotron-fluid">
    <div class="container">
        <h1>{$vUser->nickname}</h1>
        <p>{$vUser->personalitySignature}</p>
    </div>
</div>
{/block}

{block name="body_body"}
{if condition="isset($articles)"}
{volist name="articles" id="article"}
<div class="panel panel-default">
    <div class="panel-heading"><div class="row"><div class="col-md-9"><a href="{$_form.article_detail}{$article->articleId}">{$article->title}</a></div> <div class="col-md-3">{$article->createTime}</div></div></div>
    <div class="panel-body">{$article->tabloid}</div>
    <div class="panel-footer">
        <div class="row">
            <div class="col-md-2">
                <a href="{$_form.article_laud}{$article->articleId}"  data-toggle="tooltip" data-placement="top" title="点赞数"  style="color: black;" class="laud">
                    <span class="fi-thumb-up"><span class="badge badge-warning">{$article->countLauds}</span></span>
                </a> &nbsp;
                <a href="{$_form.article_comment}{$article->articleId}"  data-toggle="tooltip" data-placement="top" data-whatever="{$article->articleId}" title="评论数" style="color: black;" class="comment">
                    <span class="fi-brush"><span class="badge badge-warning">{$article->countComments}</span></span>
                </a>
            </div>
            <div class="col-md-8">

            </div>
            <div class="col-md-2">
                <div style="float: left"><span  data-toggle="tooltip" data-placement="top" title="阅读数" class="fi-book"><span class="badge badge-light">{if condition="$article->countBrowses > 1000"}{$article->countBrowses/1000}k{/if}</span></span></div>
                <div style="float: right"><a href="{$_form.user_article}{$article->user->userId}">{$article->user->nickname}</a></div>
            </div>
        </div>
    </div>
</div>
{/volist}
{/if}

{/block}

{block name="body_sidebar"}
<div class="col">
    <div class="panel panel-default">
        <div class="panel-heading">热门文章</div>
        <div class="panel-body">
            {if condition="isset($hotArticles)"}
            {volist name="hotArticles" id="arti"}
            <p><a href="{$_form.article_detail}{$article->articleId}">《{$arti->title}》</a>——{$arti->user->nickname}</p>
            {/volist}
            {/if}
        </div>
    </div>
</div>
{/block}